<%@page contentType="text/html" pageEncoding="UTF-8" import="consultas.funciones"%>
<jsp:useBean id="reg" class="consultas.funciones" scope="session" />


    <script>
   
    function division(){
                        
                        fin=document.getElementById("precio_producto").value/document.getElementById("num_boletos").value;
                        
                        document.getElementById("suma").innerHTML=fin + " €";
                    }
                    
                    
                    
    </script> 


    <script type="text/javascript">    

  function mostrargastos(){
        document.getElementById('ocultogas').style.visibility='visible';
    }
    
  function ocultargastos(){
        document.getElementById('ocultogas').style.visibility='hidden';
    }
    
  function entero(){
        p=document.getElementById('precio_producto').value;
        if(p %1 !==0){
            alert("Debe introducir un número entero!");
            document.getElementById('precio_producto').value=parseInt(p);  
        }
  }
  
  function numbol(){
       p=document.getElementById('num_boletos').value;
        if(p %1 !==0){
            alert("Debe introducir un número entero!");
            document.getElementById('num_boletos').value=parseInt(p);  
        }
        
        fin=document.getElementById("precio_producto").value/document.getElementById("num_boletos").value;
        deci=fin%1;
       
        if(fin%1==0 || deci/0.1==1 || deci/0.2==1 || deci/0.3==1 || deci/0.4==1 || deci/0.5==1 || deci/0.6==1 || deci/0.7==1 || deci/0.8==1 || deci/0.9==1){  
          
        }
        else{
          if(document.getElementById('precio_producto').value % 2==0){
               pro=document.getElementById('precio_producto').value/2;
           }
           else if(document.getElementById('precio_producto').value % 3==0){
               pro=document.getElementById('precio_producto').value/3;
           }
           else if(document.getElementById('precio_producto').value % 5==0){
               pro=document.getElementById('precio_producto').value/5;
           }
         
           
          alert("Cácule el precio del boleto. \n\Éste  puede tener como mucho un decimal! \n\Pruebe con los siguietnes numeros de boletos: "+  document.getElementById('precio_producto').value*2 + ", " +document.getElementById('precio_producto').value + ", "+pro+ "...");
        }
 }
 
 function positivo(){
     pre=document.getElementById('precio_gastos').value;
     if(pre==0){
        alert("Si los gastos son cero, seleccione la opción Gratuitos");
     }
     else if(pre<0){
         alert("Los gastos no pueden ser negativos");
         document.getElementById('precio_gastos').value=1;
     }
     
 }
 


    

    </script>
    
    

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>www.queterifas.com</title>
        <link rel="stylesheet" type="text/css" href="css/estilo.css" media="screen" />
        <script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
        <link href='http://fonts.googleapis.com/css?family=Averia+Sans+Libre' rel='stylesheet' type='text/css'>
        <script>
        $('#ENVIAR').click( function() {
    //check whether browser fully supports all File API
    if (window.File && window.FileReader && window.FileList && window.Blob)
    {
        //get the file size and file type from file input field
        var fsize = $('#file')[0].files[0].size;
        
        if(fsize>1048576) //do something if file size more than 1 mb (1048576)
        {
            alert(fsize +" bites\nToo big!");
        }else{
            alert(fsize +" bites\nYou are good to go!");
        }
    }else{
        alert("Please upgrade your browser, because your current browser lacks some new features we need!");
    }
});
        </script>
    </head>
    <body>
        <!-- INCLUDE PARA METER EL HEADER -->
      <jsp:include page="includes/header.jsp"/>
      
      <form id="reg_rifa" action="uploadFile.jsp" method="post" enctype="multipart/form-data">
          
          <label for="NombreProducto"> Nombre del producto </label>
          <input type="text" class="campo_txt" name="nombre_producto" id="nombre_producto"/><br>
          
          <label for="precio">Precio del producto</label>
          <input type="number" class="campo_txt" name="precio_producto" id="precio_producto"    onchange="entero()"/><br>
          
          <label for="num_boletos"> Número de boletos </label>
          <input type="number" class="campo_txt" name="num_boletos" id="num_boletos"  onchange="numbol()"/><br>
          <br>
          <input type="button" class="boton2" value="Calcular precio de cada boleto" onClick="division()"> 
          <br><p id="suma"></p><br>
          
          <label for="categoria">Categoría </label>
          <select name="categoria">
            <option value="Deportes">Deportes</option>
            <option value="Complementos">Complementos</option>
            <option value="Tecnologia">Tecnología</option>
            <option value="Hogar">Hogar</option>
          </select><br>
          
          <label for="fecha"> Fecha del sorteo</label>
          <input type="date" name="fecha_sorteo" id="fecha_sorteo" min="<%=reg.fecha_actual%>" /><br>
          
          
          <label for="descripcion"> Descripcion</label>
          <textarea id="descrip" name="descripcion" cols="80" rows="15"></textarea><br>
          

          
          <label for="Gastos de envío"></label><br><br>
          
          <label for="gastos"> GASTOS DE ENVÍO </label>
          <label><input type="radio" name="gastos" value="Gratuitos" id="gastos0" onClick="ocultargastos()"/>
              Gratuitos</label>
          
        
          <label><input type="radio" name="gastos" value="NoGratuitos" id="gastos1" onClick="mostrargastos()"/>
              No Gratuitos</label>
          
          <div id="ocultogas" style="visibility:hidden">
              <label for="gastos">Defina gastos de envío</label>
              <input type="number" step="any" name="precio_gastos" id="precio_gastos"  min="1"  onchange="positivo()"/> <br><br>
              
          </div><br><br>
          
          
          
          <label for="Palabras clave"> Palabras clave</label>
          <input class="campo_txt" name="palabras_clave" id="palabras_clave"></textarea><br><br>


          
         
          
          
          
          <label for="img_producto" style="line-height: 20px">Insertar imagen</label>
          <input type="file" name="file" id="file" /><br>
          
          
          <br><br>
          
          
          <input type="submit" name="newart" id="ENVIAR" value="ENVIAR" class="boton2"   >


          
          
          
      </form>
      <br><br><br><br><br><br><br><br>
     
            <jsp:include page="includes/footer.jsp"/>  
       
         <section id="contenedor"></section>
            
        <!-- INCLUDE PARA METER EL FOOTER -->

            
        
        
    </body>
</html>
